.fanPlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  .fanPlay_title {
    width: 90%;
    margin: 20px auto;
    margin-bottom: 0;
    position: relative;
    color: #999999;

    .fanPlay_title_name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 60%;
      padding-left: 5px;
    }

    .fanPlay_title_remove {
      position: absolute;
      right: 20vw;
      top: 0;
    }

    .fanPlay_title_clone {
      position: absolute;
      right: 5vw;
      top: 0;
    }
  }

  #video {
    width: 100vw;
    height: 32vh;
  }

  .vjs-big-play-button {
    margin: 10vh 0 0 37vw;
  }

  .fanPlay_body {
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;

    .fanPlay_body_button {
      margin: 2vw;
      border: 2px solid #cccccc;
      border-radius: .3125rem;
    }

    .border {
      border: 2px solid #f86b6b !important;
      color: #f86b6b !important;
    }
  }

  .fanPlay_botton {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: #333;
    padding: 10px 0;

    p {
      margin-bottom: 0;
      color: #cccccc;
    }
  }
}